<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
	<title>招生就业</title>
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/recruit.css">
	<link rel="stylesheet" type="text/css" href="../css/nav.css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_554626_qzrso3umv1oo5hfr.css">
	<link rel="stylesheet" type="text/css" href="../css/swiper-3.3.1.min.css">
</head>
<body>
	<header>
		<div class='wrap'>
			<div class='left col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<a href="../index.html"><img src="../img/logo.png"></a>
			</div>
			<div class='right  col-xs-12 col-sm-6 col-md-6 col-lg-6'>
				<div class='input_box' id="searchform">
					<input id="search" name="search" value="" placeholder="请输入关键字" class="text_input"  type="text">
					<span class='iconfont icon-sousuo submit'></span>
				</div>
			</div>
		</div>
	</header>
	<!-- ======导航======= -->
	<nav class="navbar navbar-default" role="navigation">
	    <div class="container-fluid wrap">
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle iconfont icon-ai-kind" data-toggle="collapse"
		                data-target="#example-navbar-collapse">
		        </button>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		        <ul class="nav navbar-nav main">
		            <li>
		            	<a href="../index.html">学院首页</a>
		            </li>
		            <li>
		            	<a href="#">学院概况</a>
		            </li>
		            <li class="dropdown">
		                <a href="personnel_training.html" class="dropdown-toggle" data-toggle="dropdown">
		                    人才培养
		                    <b class="caret"></b>
		                </a>
		                <ul class="drop menu5">
					        <li><a href="#">子分类1</a></li>
					        <li><a href="#">子分类2</a></li>
					        <li><a href="#">子分类3</a></li>
					        <li><a href="#">子分类4</a></li>
					    </ul>
		            </li>
		            <li>
		            	<a href="students_affairs.html">学生工作</a>
		            </li>
		            <li class="active employment">
		            	<a href="#" class="employ">招生就业</a>
		            	<div class="employmentlist">
		            		<div class="left">
		            			<p>就业网</p>
		            			<p>招生网</p>
		            			<p>单招网</p>
		            		</div>
		            		<div class="right">
		            			<img src=".././img/img4.jpg">
		            			<div>标题标题标题标题标题标题标题标题标题标题标题标题</div>
		            		</div>
		            	</div>
		            </li>
		            <li>
		            	<a href="#">交流合作</a>
		            </li>
		        </ul>
		        <div class='right'>
		        	<li><a href="#">校友之窗</a></li>
		        	<li><a href="#">精品课程</a></li>
		        	<li><a href="#">校园媒体</a></li>
		        	<li><a href="#">信息资源</a></li>
			    </div>
		    </div>
	    </div>
	</nav>
	<!-- =====导航结束======= -->
	<div id="banner">
		<!-- <a href="#"><img src="./img/banner.jpg"></a> -->
		<div class="swiper-container" id="banner_swiper">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		        <div class="swiper-slide"><a href="#"><img src="../img/banner.jpg"></a></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <!-- <div class="swiper-pagination"></div> -->
		</div>
	</div>

	<div id='main'>
		<div class="mian_top">
			<div class="wrap">
				<div class="main_left col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="main_title">
						<i class='square'></i>
						<b>最新动态<span>/ Teaching</span></b>
						<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
						<i class='square2'></i>
					</div>
					<ul class='main_details'>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li>
							<i class="iconfont icon-arrow-right-copy"></i>
							<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
						</li>
						<li class="more">
							<span class="right">更多<i class="iconfont icon-arrow-right-copy"></i></span>
						</li>
					</ul>
				</div>
				<div class="main_right col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<div class="information col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class='title'>
							<i class="iconfont icon-xinxichaxun"></i>
							<span>
								<span>信息查询</span>
								<span>Information query</span>
							</span>
						</div>
						<ul class="content">
							<li>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>录取查询</a>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>资助政策</a>
							</li>
							<li>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>单独招生</a>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>单独招生系统</a>
							</li>
							<li>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>招生简章</a>
								<a href="#"><i class="iconfont icon-zuojiantou"></i>联系我们</a>
							</li>
						</ul>
					</div> 
					<div class="recruit col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="main_title">
							<i class='square'></i>
							<b>最新动态<span>/ Teaching</span></b>
							<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
							<i class='square2'></i>
						</div>
						<div class="img_box">
							<img src="../img/img4.jpg">
						</div>
						<ul class='main_details'>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
						</ul>
					</div>
					<div class="policy col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="main_title">
							<i class='square'></i>
							<b>最新动态<span>/ Teaching</span></b>
							<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
							<i class='square2'></i>
						</div>
						<div class="img_box">
							<img src="../img/img4.jpg">
						</div>
						<ul class='main_details'>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
						</ul>
					</div>
					<div class="specialty col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="main_title">
							<i class='square'></i>
							<b>最新动态<span>/ Teaching</span></b>
							<a href="#" class='more'>more<i class='iconfont icon-yousanjiao'></i></a>
							<i class='square2'></i>
						</div>
						<div class="img_box">
							<img src="../img/img4.jpg">
						</div>
						<ul class='main_details'>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
							<li>
								<i class="iconfont icon-arrow-right-copy"></i>
								<div><a href="#">标题标题标题标题标题标题标题标题标题标题标题标题</a></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main_pic">
			<div class="wrap">
				<ul>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
					<li class=" col-xs-12 col-sm-12 col-md-4 col-lg-4"><a href="#"><span>职业生涯规划</span><img src=".././img/recruit.png"></a></li>
				</ul>
			</div>
		</div>
		<div class="main_bottom col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div class='wrap'>
				<div class='left col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<div class="swiper-container" id="bottom_swiper">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">
								<li>
									<div class='left'>
										<span>11</span>
										<span>2017-12</span>
									</div>
									<div class='right'><a href="#">川省2017年普通高校招生美术与设计类专业考试成绩录取控制分数线及部分艺术类专制分数线及部分艺术类专</a></div>
								</li>
					        </div>
					    </div>
					</div>
				</div>
				<div class='right col-xs-12 col-sm-12 col-md-6 col-lg-6'>
					<!-- <input id="myCar" list="link" placeholder="选择相关链接" />
					<datalist id="link">
						<option value="相关链接">
						<option value="相关链接">
						<option value="相关链接">
					</datalist> -->
					<div class='right_link col-xs-12 col-sm-12 col-md-6 col-lg-6'>
						<div class="link">
							<span>相关链接</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
					<div class='right_link col-xs-12 col-sm-12 col-md-6 col-lg-6'>
						<div class="link">
							<span>相关链接</span>
							<i class="iconfont icon-jiantousanjiaoxia"></i>
							<ul>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
								<li><a href="#">相关链接</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="footer">
		<div class="footer_top">
			<div class="wrap">
				<ul class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
					<li>地址：四川省泸州市合江荔城大道500号</li>
					<li>邮编：646200 </li>
					<li>联系电话：0830-5261151、5255263、5255327 </li>
					<li>传真： 0830-8889199 </li>
					<li>QQ：800099668   微信：V800</li>
				</ul>
				<div class='img_box col-xs-12 col-sm-12 col-md-4 col-lg-4'>
					<img src="../img/img2.jpg">
				</div>
			</div>
		</div>
		<div class="footer_bottom">
			Copyright&copy; 四川三河职业学院官方网站
		</div>
	</div>
	


</body>
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
	if($(window).width() < 769){
		$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
	}else{
		$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
	}
	$(window).resize(function(){ 
	    if($(window).width() < 769){
			$('.dropdown ul').addClass('dropdown-menu').removeClass('drop').removeClass('menu5');
		}else{
			$('.dropdown ul').removeClass('dropdown-menu').addClass('drop').addClass('menu5');
		}
	});
	$('.employ').on('mouseover',function(){
		$('.employmentlist').css('display','block');
	})
	$('.employ').on('mouseleave',function(){
		$('.employmentlist').css('display','none');
	})
	var mySwiper1 = new Swiper ('#banner .swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    autoplay: 500,
        speed: 2000,
        observer:true,
        observeParents:true,
	    pagination: {
	      el: '.swiper-pagination',
	    },
	}) 
	var mySwiper2 = new Swiper ('.main_bottom .swiper-container', {
	    direction: 'vertical',
	    loop: true,
	    slidesPerView:1,
	    spaceBetween : 60,
        autoplay: 1000,
        speed: 2000,
        observer:true,
        observeParents:true,
        autoplayDisableOnInteraction : false,
	    pagination: {
	      el: '.swiper-pagination',
	      clickable: true,
	    },
	}) 
	
	
	$('.right_link').click(function(){
		console.log("465464546");
		var listBox = $(this).find('ul');
		if(listBox.css('display')=='block'){
			listBox.hide();
		}else{
			listBox.show();
		}
		$(this).siblings().find('ul').hide();
	})
	

	
})
</script>
</html>